<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<title>take2</title>
	<link rel="stylesheet" type="text/css" media="screen" href="css/take2.css"/>
	
	<script type="text/javascript" src="js/mootools-beta-1.2b1.js"></script>
	<script type="text/javascript" src="js/take2.js"></script>
</head>

<!-- TODO:
- css: cand apas dublu click pe un elem. din "optionsMenu" nu-l selecteze. 
- javascript: calcularea dim. pt. "folderList" -->

<body>
<div id="application">
	<div id="leftPanel">
		<div id="titleBarLeft">Left Panel - Title</div>
		<div id="folderList">
			<ul id="rootList">
				<li class="folder">Images</li>
				<li class="folder">Movies</li>
				<li class="folder">Text</li>
				<li class="trash">Trash</li>
			</ul>
		</div>
	</div>
	<div id="rightPanel">
		<div id="titleBarRight">Right Panel - Title - Current Folder</div>
		<div id="fileList">File List</div>
		<div id="optionsMenu">
			<ul>
				<li id="detailsButton">Details</li> 
				<li id="uploadButton">Upload</li>
			</ul>
		</div>
		<div id="uploadForm">Upload form</div>
		<div id="detailsForm">Details form</div>
		<div id="statusBar">Status bar</div>
	</div>
</div>

</body>
</html>